<template>
	<view class="bg-white" @click.native.stop="handleItemClick()">
		<view class="flex align-center justify-between pad-10 font-14">
			<view>
				<text>任务单号：</text>
				<text>{{ orderNo }}</text>
			</view>
			
			<view>
				<text>日期：</text>
				<text>{{ dates }}</text>
			</view>
		</view>
		
		<Lines w="100%" h="1px" bg="#e6e6e6" />
		
		<view class="pad-10 font-14">
			<view>
				<text>客户：</text>
				<text>{{ customerName }}</text>
			</view>
		</view>
	</view>
</template>

<script>
	import Lines from '@/components/Lines/index'
	
	export default {
		components: {
			Lines
		},
		
		props: {
			// 唯一 id
			id: {
				type: String | Number,
				default: ''
			},
			
			// 标签状态：0 待完成，1 已完成，2 已驳回，3 待审核
			state: {
				type: Number,
				default: ''
			},
			
			// 任务单号
			orderNo: {
				type: String,
				default: ''
			},
			
			// 日期
			dates: {
				type: String,
				default: ''
			},
			
			// 客户名称
			customerName: {
				type: String,
				default: ''
			},
			
			// 车号
			cartNo: {
				type: String,
				default: ''
			},
			
			// 当前项集合
			currentRow: {
				type: Object | null,
				default: null
			}
		},
		
		data() {
			return {
				
			}
		},
		
		methods: {
			// 点击组件的回调
			handleItemClick() {
				this.$emit('handleItemClick', this.currentRow)
			}
		}
	}
</script>

<style>
</style>